@extends('front.common.layout')

@section('content')
    <!-- banner -->
    <div class="inner-banner has-base-color-overlay text-center"
         style="background: url({{ asset('/front/images/background/product-banner.jpg') }});">
        <div class="container">
            <div class="box">
                <h3>Product List</h3>
            </div>
        </div>
    </div>
    <div class="breadcumb-wrapper">
        <div class="container">
            <div class="breadcrumb_bar">
                <div class="breadcrumb_menu">
                    <ul class="link-list">
                        <li>
                            <a href="{{ url('/') }}">Home</a>
                        </li>
                        <li>
                            Product List
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- banner end -->
    <section class="portfolio portfolio-style-two padd-1">
        <div class="container">

            <div class="filters clearfix filters-style-two">
                <ul class="filter-tabs filter-btns">
                    <li class="filter active" data-role="button" data-filter="all"><span>All</span></li>
                    @foreach($data['categories'] as $k => $v)
                        <li class="filter" data-role="button" data-filter=".product-{{ $k }}"><span>{{ $v->name }}</span></li>
                    @endforeach
                </ul>
            </div>
            <div class="row filter-list" id="product-list">
                @foreach($data['product_list'] as $k=>$v)
                    @foreach($v as $vv)
                        <div class="projects-block-one mix product-{{ $k }} col-lg-4 col-md-4 col-sm-6 col-xs-12">
                            <div class="inner-box">
                                <figure class="image">
                                    <img src="{{ asset($vv->product_img) }}" alt="image">
                                    <div class="overlay">
                                        <a href="{{ url('product-detail',$vv->url) }}"><i class="fa fa-link"></i></a>
                                    </div>
                                </figure>
                                <div class="caption-title">
                                    <h3><a href="{{ url('product-detail',$vv->id) }}">{{ $vv->product_name  }}</a></h3>
                                </div>
                            </div>
                        </div>
                    @endforeach
                @endforeach
            </div>
        </div>
    </section>

    <section class="why-people-sec">
        <div class="container-fuild">
            <div class="row">
                <div class="col-lg-6 side-banner">
                </div>
                <div class="col-lg-6">
                    <div class="content-column">
                        <div class="inner-column">
                            <div class="sec-title light">
                                <h3>Why People Choose YLGH?</h3>
                                <div class="text text-white mt-1">YLGH focus on continuous innovation around customer's requirements, upgrade product quality. Meanwhile, we keep an open cooperation with partners, supplying solutions for customer in electric power, metallurgy, coal chemical, petrochemical, refrigeration and other industries.
                                </div>
                            </div>
                            <div class="row why-people">
                                <div class="col-lg-6 col-md-6 col-12">
                                    <div class="feature-block">
                                        <div class="inner-box text-white">
                                            <div class="icon-box">
                                                <i class="flaticon-presentation mr-3"></i>
                                            </div>
                                            <div class="content-block">
                                                <h5>Manufacturing Capacity</h5>
                                                <div class="service-text ">13,500m2 company’s area with machining workshop, assembly workshop, standard parts warehouse, welding material warehouse. Standard and advanced production facilities with professional and experienced workers, strictly operated according to ISO9001, ISO14000.
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="feature-block">
                                        <div class="inner-box text-white">
                                            <div class="icon-box">
                                                <i class="flaticon-meeting mr-3"></i>
                                            </div>
                                            <div class="content-block">
                                                <h5>Certificates & Patents</h5>
                                                <div class="service-text">Luoyang Gaohua is a technology-led enterprise, insisting on technological innovation and design optimization. A new type of peak cooler heat exchange device, anti-white fog closed tower, wet air composite high efficiency condenser and etc., developed by our technical staff, have obtained national patents
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="feature-block">
                                        <div class="inner-box text-white">
                                            <div class="icon-box">
                                                <i class="flaticon-shield mr-3"></i>
                                            </div>
                                            <div class="content-block">
                                                <h5>Quality Control</h5>
                                                <div class="service-text">During the production process, the heat exchange tube undergoes overall high-temperature hot-dip galvanizing at 487℃ , three times 2.5mpa pressure tests and a 24-hour holding pressure to ensure that the air tightness and strength of the coil are qualified
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="feature-block">
                                        <div class="inner-box text-white">
                                            <div class="icon-box">
                                                <i class="flaticon-people mr-3"></i>
                                            </div>
                                            <div class="content-block">
                                                <h5>R & D Capabilities</h5>
                                                <div class="service-text">The company has professional engineers in the fields of HVAC, mechanical design and manufacturing, thermal energy and power engineering, chemical machinery, metal welding, etc., and has rich industry experience.
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="parallax-style-two padd-2" style="background-image:url({{ asset('/front/images/background/For_product_advice_contact_now.jpg') }});">
        <div class="container">
            <div class="text-center">
                <h2>For product advice contact now</h2>
                <div class="text">We would be glad to receive your inquiries and provide immediate support.</div>
                <a href="{{ url('contact') }}" class="btn-style-five">Contact Us</a>
                <a href="{{ url('download') }}" class="btn-style-six">Learn More</a>
            </div>
        </div>
    </section>

    <section class="purchase-section" style="background-image:url({{ asset('/front/images/background/index-bk-5.jpg') }});">
        <div class="container">
            <div class="row clearfix">
                <div class="column col-md-8 col-sm-12 col-xs-12">
                    <h2>For more product information, please download the product brochure</h2>
                </div>
                <div class="btn-column col-md-4 col-sm-12 col-xs-12">
                    <a href="{{ url('download') }}" class="btn-style-seven">Purchase Now</a>
                </div>
            </div>
        </div>
    </section>

@endsection

@section('script')
    <script>
        //Filter-list
        if($('#product-list').length){
            var first_item = $('.filter-btns li').first().data('filter')
            console.log(first_item)
            $('#product-list').mixItUp({})
        }
    </script>
@endsection
